<template>
  <v-card title="更换主题" class="mb-50">
    <v-alert message="支持 Object 格式的主题，可以通过 echarts主题构建工具 生成，下例为 walden 主题的应用" type="info" showIcon class="mb-10"></v-alert>
    <vcu-chart-bar :data="chartData" :theme="theme" />
  </v-card>
</template>

<script>
import theme from './theme.js'
export default {
  name: 'theme',
  data() {
    return {
      chartData: {
        dimensions: {
          name: 'Week',
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
        },
        measures: [
          {
            name: 'pv',
            data: [256, 767, 1356, 2087, 803, 582, 432],
          },
          {
            name: 'uv',
            data: [287, 707, 1756, 1822, 987, 432, 322],
          },
        ],
      },
      theme,
    }
  },
}
</script>